export const ROUTE_CONFIG_STATE = {
	dashboard: {}
};

export const tabs = [
	{
		icon: 'home',
		label: 'layout.home',
		path: '/'
	},
	{
		icon: 'widgets',
		label: 'layout.product',
		path: '/allproducts'
	},
	{
		icon: 'calendar_month',
		label: 'layout.future',
		path: '/calendar'
	},
	{
		icon: 'perm_contact_calendar',
		label: 'layout.member',
		path: '/account'
	}
];

export type TabItemType = {
	icon: string;
	label: string;
	path: string;
};

const get_banner_config = (
	showSearch: boolean = false,
	showMenu: boolean = false,
	showText: boolean = false,
	showNavigation: boolean = false,
	showController: boolean = false
) => ({
	showSearch,
	showMenu,
	showText,
	showNavigation,
	showController
});

const search_and_menu = get_banner_config(false, false, false, false);
const only_search = get_banner_config(true, false, false, false);
const search_ctrl = get_banner_config(true, false, false, false, true);
const only_text = get_banner_config(false, false, true, false);
const text_and_navigation = get_banner_config(false, false, true, true);
const search_and_navigation = get_banner_config(true, false, false, true);

export const NAV_BAR_MAPPER = {
	'': search_and_menu,
	allproducts: only_search,
	calendar: only_text,
	account: text_and_navigation,
	cart: text_and_navigation,
	message: text_and_navigation,
	order: search_and_navigation,
	detail: search_ctrl,
	help: only_search,
	register: only_text,
	forget: only_text,
	login: only_text
};

export const BAR_TEXT_MAPPER = {
	calendar: 'You can check about future product plans.',
	account: 'My Dashboard',
	message: 'My Messages',
	order: 'My Orders',
	cart: 'My Cart',
	help: 'Help Message',
	register:
		'We will review your submitted information to determine whether your <span style="color: var(--mdc-theme-primary)">application</span> is approved.',
	forget: 'Start retrieving your password.',
	login: 'Please login to access your account.'
};

export const BAR_SEARCH_LABEL_MAPPER = {
	allproducts: 'Please enter the item number, title, or query.',
	detail: 'Please enter the item number, title, or query.',
	help: 'Please enter keywords to search.',
	order: 'Please enter the order number, product item number, or product title to search.'
};

export const mainRoutes = ['', 'allproducts', 'calendar', 'account'];
export const infoRoutes = ['detial'];
export const thirdRoutes = ['order', 'cart', 'message', 'login', 'help', 'register', 'forget'];
